<!--衣几首页 -->

<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>首页</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="stylesheets/index.css">
    <link rel="stylesheet" href="stylesheets/style.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

</head>

<body>
    <!-- 轮播图 -->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!--圆圈 -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            <li data-target="#carousel-example-generic" data-slide-to="4"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="https://www.prada.com/content/dam/pradanux/e-commerce/2021/07/co_fw21/women/hero/rtw_hero_DT.jpg/_jcr_content/renditions/cq5dam.web.1680.1680.webp"
                    alt="...">

            </div>
            <div class="item">
                <img src="https://www.prada.com/content/dam/pradanux/e-commerce/2021/07/co_fw21/women/hero/rtw_hero_DT.jpg/_jcr_content/renditions/cq5dam.web.1680.1680.webp"
                    alt="...">

            </div>
            <div class="item">
                <img src="https://www.prada.com/content/dam/pradanux/e-commerce/2021/07/co_fw21/women/hero/rtw_hero_DT.jpg/_jcr_content/renditions/cq5dam.web.1680.1680.webp"
                    alt="...">


            </div>
            <div class="item">
                <img src="https://www.prada.com/content/dam/pradanux/e-commerce/2021/07/co_fw21/women/hero/rtw_hero_DT.jpg/_jcr_content/renditions/cq5dam.web.1680.1680.webp"
                    alt="...">

            </div>
            <div class="item">
                <img src="https://www.prada.com/content/dam/pradanux/e-commerce/2021/07/co_fw21/women/hero/rtw_hero_DT.jpg/_jcr_content/renditions/cq5dam.web.1680.1680.webp"
                    alt="...">

            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span clas
            <span class="sr-only"s="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>>Next</span>
        </a>
    </div>


    <div class="main">

        <div class="mleft " style="position:relative">
            <img src="images/03.jpg" alt="" class="pic1">
            <div
                style="position: absolute;z-index:2;left: 310px;top: 150px;font-weight: 600;font-size: large;border:1px solid black;">
                为他订购
            </div>

        </div>
        <div class="mright " style="position:relative">
            <img src="images/02.jpg" alt="" class="pic1">
            <div
                style="position: absolute;z-index:2;left: 310px;top: 150px;font-weight: 600;font-size: large;border:1px solid black;">
                为她订购
            </div>
        </div>
    </div>
 <video id="v1" autoplay loop muted>
            <source src="video/yiji.mp4" type="video/mp4" class="videoTime">
        </video>
        
        <div class="conta">
            <div class="img img1"></div>
            <div class="img img2"></div>
            <div class="img img3"></div>
            <div class="img img4"></div>
            <div class="img img5"></div>
        </div>
    <div class="loop">
        <div class="lleft col-md-6">
            <p>品牌活动</p>
        </div>
        <div class="lright col-md-6">
            <p>yiji社区</p>
        </div>
    </div>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous">
    </script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
    </script>
</body>

</html>